<template>
  <page-content
    ref="pageContentRef"
    :contentTableConfig="contentTableConfig"
    pageName="goods"
  >
    <template #imgUrl="scope">
      <el-image
        style="width: 50px; height: 50px"
        :src="scope.row.imgUrl"
        :preview-src-list="[scope.row.imgUrl]"
        :initial-index="1"
      >
      </el-image>
    </template>
  </page-content>
</template>

<script lang="ts">
import { defineComponent, ref, reactive } from "vue";

import { usePageSearch } from "@/hooks/usePageSearch";

import pageContent from "@/components/page-content";
import { contentTableConfig } from "./config/content.config";

export default defineComponent({
  components: { pageContent },
  setup() {
    const { pageContentRef, hanldeSearchBtnClick, hanldeResetBtnClick } =
      usePageSearch();
    return {
      pageContentRef,
      hanldeSearchBtnClick,
      hanldeResetBtnClick,
      contentTableConfig,
    };
  },
});
</script>
